﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>宁波爱豆网络科技有限公司</title>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!--================================================
                **** CSS Files ****
==================================================-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/icofont.css" rel="stylesheet">
<link href="css/menu.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/menuhover.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--================================================
                **** /CSS Files ****
==================================================-->
</head>
<body>

 

<!-- Static navbar -->
<nav class="navbar navbar-expand-md btco-hover-menu navbar-1">
  <div class="container"> <a class="navbar-brand" href="index.html"><img src="images/logo-1.png" class="img-fluid" alt="logo"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li><a class="dropdown-item" href="index.html">Home 1</a></li>-->
        <!--&lt;!&ndash;<li><a class="dropdown-item" href="index-2.html">Home 2</a></li>&ndash;&gt;-->
        <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="index.html">首页</a> </li>
        <li class="nav-item"> <a class="nav-link" href="about.html">关于我们</a> </li>
        <li class="nav-item"> <a class="nav-link" href="services.html">服务</a> </li>
        <li class="nav-item"> <a class="nav-link" href="portfolio.html">案例</a> </li>
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li><a class="dropdown-item" href="blog-list.html">Blog List</a></li>-->
        <!--<li><a class="dropdown-item" href="blog-details.html">Blog Details</a></li>-->
        <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="contact.html">联系我们</a> </li>
      </ul>
      <!--<ul class="navbar-nav ml-auto">-->
      <!--<li class="nav-item"> <a class="nav-link btn btn-primary" href="#"> Buy Now </a></li>-->
      <!--<li class="nav-item"> <a class="nav-link" id="addClass" href="#"> <i class="icofont icofont-search-alt-1"></i> </a></li>-->
      <!--</ul>-->
    </div>
  </div>
</nav>
<div id="myCarousel" class="carousel slide banner-2" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active"> <img class="first-slide img-fluid" src="images/inner-banner.png" alt="First slide">
      <div class="container">
        <div class="carousel-caption banner1 text-center">
          <h2 class="wow fadeInUp">Blog</h2>
          <p class="breadcrumb-item"><a href="#">Home</a> / Blog</p>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="section-padding-ash">
  <div class="container">
    <div class="row">
      <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="blog-post-cont"> <img src="images/post-1.jpeg.jpg" class="img-fluid" alt="item 1">
              <div class="text-cont">
                <h6><a href="#">Nilanjan</a> | <a href="#">January 19, 2017</a></h6>
                <h5><a href="#">What is Lorem Ipsum?</a></h5>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>
                <a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="blog-post-cont"> <img src="images/post-2.jpeg.jpg" class="img-fluid" alt="item 1">
              <div class="text-cont">
                <h6><a href="#">Nilanjan</a> | <a href="#">January 19, 2017</a></h6>
                <h5><a href="#">Where does it comes from?</a></h5>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>
                <a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="blog-post-cont"> <img src="images/post-3.jpeg.jpg" class="img-fluid" alt="item 1">
              <div class="text-cont">
                <h6><a href="#">Nilanjan</a> | <a href="#">January 19, 2017</a></h6>
                <h5><a href="#">What should we do now?</a></h5>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>
                <a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div class="blog-post-cont"> <img src="images/post-4.jpeg.jpg" class="img-fluid" alt="item 1">
              <div class="text-cont">
                <h6><a href="#">Nilanjan</a> | <a href="#">January 19, 2017</a></h6>
                <h5><a href="#">What is Lorem Ipsum?</a></h5>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>
                <a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
      	<div class="sidebar">
        	<div class="sidebar-item">
            	<h5>Category</h5>
                <hr/>
                <ul>
                	<li><a href="#">Business</a></li>
                    <li><a href="#">Corporate</a></li>
                    <li><a href="#">Multipurpose</a></li>
                    <li><a href="#">Creative</a></li>
                    <li><a href="#">Technology</a></li>
                </ul>
            </div>
            <div class="sidebar-item">
            	<h5>Archives</h5>
                <hr/>
                <ul>
                	<li><a href="#">2017</a></li>
                    <li><a href="#">2016</a></li>
                    <li><a href="#">2015</a></li>
                    <li><a href="#">2014</a></li>
                    <li><a href="#">2013</a></li>
                </ul>
            </div>
            <div class="sidebar-item">
            	<h5>Recent Posts</h5>
                <hr/>
                <ul>
                	<li><a href="#">Iaculisnunc sedaugue lacus</a></li>
                    <li><a href="#">Portanon pulvinar nequelaoree</a></li>
                    <li><a href="#">Quis variusquam quisqueid</a></li>
                    <li><a href="#">Eget miproin sedliberoenimsed</a></li>
                    <li><a href="#">Portanon pulvinar nequelaoree</a></li>
                </ul>
            </div>
        </div>
      </div>
    </div>
  </div>
</section>
<footer class="footer">
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        <div class="footer-item"> <img class="img-fluid" src="images/logo-2.png" alt="logo-2">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text <br/>
            ever since the 1500s</p>
        </div>
        <div class="footer-item">
          <ul class="social">
            <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-linkedin"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-dribble"></i></a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-2 offset-lg-1">
        <div class="footer-item">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-2">
        <div class="footer-item">
          <h4>Categories</h4>
          <ul>
            <li><a href="#">Web Design</a></li>
            <li><a href="#">Web Development</a></li>
            <li><a href="#">Online Marketing</a></li>
            <li><a href="#">App Design</a></li>
            <li><a href="#">App Development</a></li>
            <li><a href="#">Online Training</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="footer-item">
          <h4>Recent Posts</h4>
          <ul>
            <li><a href="#">What is Lorem Ipsum?</a></li>
            <li><a href="#">Why do we use it?</a></li>
            <li><a href="#">There are many variations</a></li>
            <li><a href="#">passages of Lorem Ipsum</a></li>
            <li><a href="#">Contrary to popular</a></li>
            <li><a href="#">Lorem Ipsum is not simply</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="footer-bottom">
          <p>Copyright © 2018. All Rights </p>
        </div>
      </div>
    </div>
  </div>
</footer>
<div id="qnimate" class="off">
  <div id="search" class="open">
    <button data-widget="remove" id="removeClass" class="close" type="button">×</button>
    <form action="#" method="post" autocomplete="off">
      <input type="text" placeholder="Type search keywords here" value="" name="term" id="term">
      <button class="btn btn-primary btn-xl" type="submit"><span class="glyphicon glyphicon-search"></span> Search</button>
    </form>
  </div>
</div>
<!--================================================
                **** JS Files ****
==================================================--> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/numscroller.js"></script> 
<script src="js/owl.carousel.js"></script> 
<script src="js/jquery.isotope.min.js"></script> 
<script src="js/jquery.magnific-popup.min.js"></script> 
<script src="js/menu.js"></script> 
<script src="js/wow.min.js"></script> 
<script src="js/main.js"></script> 
<!--================================================
                **** /JS Files ****
==================================================-->
</body>
</html>
